<template>
    <div ref="pages">
      <v-header></v-header>
      <center></center>
      <footerPage :style="{'margin-top': footMarginTop}" ></footerPage>
    </div>
</template>

<script>
import zhCN from "ant-design-vue/lib/locale-provider/zh_CN"; //组件库使用中文
import header from "@/views/header/header";
import center from "@/views/center/center";
import footerPage from '@/views/footer/footerPage';
import vm from "@/views/center/emptyVue.vue";
export default {
  components: {
       "v-header":header,
       center,
       footerPage
      },
  data() {
    return {
      locale: zhCN,
      footMarginTop:'25px',
    };
  },
  mounted(){
       vm.$on("setfootmargintop",(val)=>{//监听事件aevent，回调函数要使用箭头函数;
                this.footMarginTop = val+'px';
            });
  },
  methods: {
     getScreenHeight(){
        // 获取浏览器可视区域高度
        this.screenHeight =    document.body.clientHeight ; //`${document.documentElement.clientHeight}` 
        window.onresize = function temp() {
          this.screenHeight = document.body.clientHeight;
       };
    },
  },
};
</script>

<style lang="less">
html,body,#app {
  height: 100%;
  width: 100%;
}
@font-face {
    /* font-properties */
    font-family: AgencyFBReg;
    src: url(../../public/font/AgencyFB.ttf)
  }
	.font{
		font-family: AgencyFBReg;
		font-weight: bold;
  }

 
</style>
